@import "../../public/static/asserts/antd-custom.scss";

.pk-box{
 position: relative;
 overflow: hidden;
 margin-bottom: .08rem;
 padding-bottom: .15rem;
 background: #ffffff;
//  background: url('../../public/static/img/bg-top.jpg');
 .pk-icon{
   position: absolute;
   top: 0;
   left: 0;
   width: 0.67rem;
   img{
     width: 100%;
   }
 }
 .pk-title{
  font-size: .2rem;
  line-height: .4rem;
  color:#2e3057;
  margin:.26rem 0;
  text-align: center;
 }
 .pk{
   display: flex;
   justify-content: space-around;
  //  width: 3.45rem;
   margin: 0 auto;
   .pk-company{
     width: 1.29rem;
     :global{
       .am-search-input input[type="search"],.am-search-input .am-search-synthetic-ph{
          background: #f0f0f7;
          border-radius: .37rem;
        }
        .am-search-input .am-search-synthetic-ph-placeholder{
          color: #2e3057;
        }
        .am-search{
          height: .37rem;
          background: none;
          padding: 0;
          .am-search-cancel{
            display: none;
          }
          .am-search-input{
            height: .37rem;
            border-radius: .37rem;
            .am-search-clear{
              padding: .11rem .05rem;
            }
            .am-search-synthetic-ph{
              height: .37rem;
              line-height: .37rem;
              transition: width;
              .am-search-synthetic-ph-icon{
                display: none;
              }
              .am-search-synthetic-ph-container{
                .am-search-synthetic-ph-placeholder{
                  font-size: .14rem;
                  color:#b3b4c1;
                }
              }
            }
            input[type="search"]{
              padding: 0 .22rem 0 .1rem;
              font-size: .16rem;
              height: .37rem;
              line-height: .37rem;
              color:#2e3057;
            }
          }
        }
     }
   }
   .pk-right-company{
    font-size: .16rem;
    line-height: .37rem;
    height: .37rem;
    width: 1.29rem;
    border-radius: .37rem;
    background: #f0f0f7;
    text-align: center;
  }
 }
 .start-btn{
  margin-top: .14rem;
  img{
    display: block;
    margin: 0 auto;
  }
}
}
.pk-company{
  .search-res-box{
    display: none;
  }
}
.search-active-pk{
  top: 0;
  left: 0;
  position: fixed;
  z-index: 1004;
  width: 100%;
  height: 100%;
  background-color: $fill-base;
  :global{
    .am-search{
      background-color: $fill-base;
      box-shadow: 0 0 0.1rem 0.01rem #eeeff5
    }
  }
  
  .search-res-box{
    position: relative;
    padding: 0 0.23rem;
    .search-brand{
      display: flex;
      align-items: center;
      height: 100 * $mhd;
      border-bottom: 1 * $mhd solid #f3f4f5;
      color: #000;
      span{
        margin-left: 0.05rem;
      }
    }
    .search-brand-active{
      background-color: #ddd;
    }
  }
}
